<template>
    <div class="app-container">
        <ContractInfo :contract-info="detailInfo.contractInformation"></ContractInfo>
        <OutCarInfo :outbound-vehicle-condition="detailInfo.outboundVehicleCondition"></OutCarInfo>
        <ReturnCarSettlementInfo :detail-info="detailInfo"></ReturnCarSettlementInfo>
    </div>
</template>

<script>

import OutCarInfo from "@/views/returnCar/components/OutCarInfo.vue";
import ContractInfo from "@/views/returnCar/components/ContractInfo.vue";
import ReturnCarSettlementInfo from "@/views/returnCar/components/ReturnCarSettlementInfo.vue";

export default {
    components: {ReturnCarSettlementInfo, ContractInfo, OutCarInfo},
    props:{
        value: {
            default: {},
        },
        state: {
            default: "readonly",
        },
    },
    data() {
        return {}
    },
    computed:{
        detailInfo:{
            get(){
                console.log('工作流待办详情-------',this.value)
                return this.value;
            },
        }
    },
    methods: {
    },
    mounted() {
    },

}
</script>

<style lang="scss" scoped>
</style>
